<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>website-title</title>
    {css href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" /}
    {js href="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" /}
    {js href="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" /}
    {js href="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" /}
    {js href="/js/vue.min.js" /}
    {js href="https://unpkg.com/axios/dist/axios.min.js" /}
    <style type="text/css">
        @media (min-width: 992px){
            .navbar-expand-lg .navbar-nav .nav-link {
                padding-right: 2.5rem;
                padding-left: 2.5rem;
            }
        }
        .container{
            padding-top: 50px;
        }



        .footer-basic-centered{
            background-color: #292c2f;
            box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
            box-sizing: border-box;
            width: 100%;
            text-align: center;
            font: normal 18px sans-serif;
            display: flex;
            padding: 45px;
            margin-top: 80px;
            flex-direction: column;
            flex-wrap: wrap;
        }

        .footer-company-avrieux{
            color:  #8d9093;
            font-size: 24px;
            margin: 0;
        }

        .footer-basic-centered .footer-company-name{
            color:  #8f9296;
            font-size: 14px;
            margin: 0;
        }

        .footer-basic-centered .footer-links{
            list-style: none;
            font-weight: bold;
            color:  #ffffff;
            padding: 35px 0 23px;
            margin: 0;
        }

        .footer-basic-centered .footer-links a{

            text-decoration: none;
            color: inherit;
        }


        @media (max-width: 600px) {

            *{
                font-size: 12px;
            }

            .footer-basic-centered{
                padding: 35px;
            }

            .footer-basic-centered .footer-company-avrieux{
                font-size: 18px;
            }

            .footer-basic-centered .footer-company-name{
                font-size: 12px;
            }

            .footer-basic-centered .footer-links{
                font-size: 14px;
                padding: 25px 0 20px;
            }

            .footer-basic-centered .footer-links a{
                line-height: 1.8;
            }
        }
    </style>
    {block name="css"}{/block}




</head>
<body>
{include file="header" /}

{block name="main"}主内容{/block}
{include file="footer" /}

{block name="js"}{/block}
</body>
</html>